<template>
	<tm-fullView>
		<tm-menubars title="divider" color="bg-gradient-primary-lighten" :showback="true"></tm-menubars>
		<tm-sheet :shadow="24">
			<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?'black bk':''">基础示例</view>
			<tm-divider :fllowTheme="false" text="我是分割线"></tm-divider>
		</tm-sheet>
		<tm-sheet :shadow="24">
			<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?'black bk':''">线的种类</view>
			
			<tm-divider color="red" model="dotted" text="我是分割线"></tm-divider>
			<tm-divider color="red" model="dashed" text="我是分割线"></tm-divider>
			<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?'black bk':''">不带文本</view>
			<tm-divider  ></tm-divider>
		</tm-sheet>
		<tm-sheet :shadow="24">
			<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?'black bk':''">竖向</view>
			
			<view >
				<view class="d-inline-block">
					<tm-divider :vertical="true" :width="1" model="dotted" text="我是分割线"></tm-divider>
				</view>
				<view class="d-inline-block ml-32">
					<tm-divider :vertical="true" :width="1" :height="100" color="red" model="dotted" ></tm-divider>
				</view>
			</view>
		
		</tm-sheet>
	</tm-fullView>

</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmDivider from "@/tm-vuetify/components/tm-divider/tm-divider.vue"
	export default {
		components:{tmFullView,tmMenubars,tmSheet,tmDivider},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
